<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<style type="text/css">
			/* 添加加粗 字体变大的标题样式 */
			.bold{
				font-size: 18px;
				font-weight: bold;
			}
			.u1{
			    color: blue;				
			}

			
		</style>
	</head>
	<body>
		<p class="bold">工作经历</p>
		<hr >
		<div id="Bigdiv">
			
		
		
		
			<p align="right"><u><a href="#" class="right" onclick="AddNew()">添加工作经历</a></u></p>		
		
		</div>
		<!-- align靠那边对齐 -->
		
					
	</body>
	<script type="text/javascript">
			// 设置添加工作经历的函数
			function AddNew(){
				//1.获取div1
				var div1obj=document.getElementById('Bigdiv');
				//2.第一种方法：  进行添加div
				// var divSon=document.createElement('Bigdiv');
				//2.1进行添加属性和赋值 
				// divSon.id='div2';
				// divSon.innerHTML='这是div2';
				// div1obj.appendChild(divSon);	
				//3.第二种方法 直接＋=div
				div1obj.innerHTML+=`
					
					<!-- hr分割线 -->
					
						<table border="0px" cellspacing="" cellpadding="5px">
							<tr>
								<td >公司名称</td>
								<td><input type="text" id="text1" value="" /></td>
								<td>职称</td>
								<td><input type="text" id="text2" value="" /></td>
								<td><u><a href="">删除工作经历</u></a></td>
							</tr>
							<tr>
								<td>工作职责及工作内容描述：
								</td>
								<td width="250px"><textarea rows="5" cols="50">
								
								</textarea></td>
							</tr>				
						</table>
						<hr />				
					
				`
				
			}
			//添加页面初始化时间()
			location.reload(){
				AddNew()
			}
			
			
			
			function deleteNew(){
				// 进行删除事件的完成
				var objBig=document.getElementById('Bigdiv');
				var Newdiv=document.getElementById('div2');
				objBig.removeChild(Newdiv);	
			}
	</script>
	
</html>
